* {
    padding: 0;
    margin: 0;
}
body {
    background: #f5fcfc;
}
input,button{  
    background:none;  
    outline:none;  
    border: none;
}
input:focus {
    border: none;
}
.claer {
    clear: both;
}
span {
    display: block;
}

header {
    width: 100%;
    height: 3.62rem;
    background-image: url(../img/top.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

    

    .head-text {
         width: 4.24rem;
         height: 0.5rem;
         margin: 0.2rem auto 0;
         overflow: hidden;

         > div {   
            float: left;
            background: #fff;
            height: 0.5rem;
            width: 0.79rem;
            border-radius: 0.25rem 0 0 0.25rem;

            > img {
                display: block;
                width: 0.28rem;
                height: 0.28rem;
                margin-top: 0.11rem;
                margin-left: 0.21rem;
            }
        }
        > input {
            display: block;
            float: right;
            background: #fff;
            height: 0.5rem;
            width: 3.45rem;
            border-radius: 0 0.25rem 0.25rem 0;

        }
    }

    
    .head-span {
        height: 0.2rem;
        width: 1.35rem;
        margin: 1.45rem auto 0;

        > span {
            display: inline-block;
            width: 0.12rem;
            height: 0.12rem;
            border-radius: 50%;
            background: #fff;
            margin-right: -0.1rem;
        }

        > span:nth-child(2) {
            background: #fcd94c;
        }

    }
}

.head {
    width: 100%;
    height: 2.23rem;
    // background: #888;

    > div {
        width: 25%;
        height: 100%;
        float: left;

        > img {
            display: block;
            width: 0.9rem;
            height: 0.9rem;
            margin: 0.45rem auto 0.19rem;
        }

        > span {
            color: #333;
            font-size: 0.24rem;
            text-align: center;
        }
    }
}

.line {
    width: 100%;
    height: 0.01rem;
    background: #dddddd;
}

.main-top {
    height: 1rem;
    width: 100%;  
    line-height: 1rem;

    > img {
        width: 0.22rem;
        height: 0.27rem;
        float: left;
        margin-left: 3.08rem;
        margin-top: 0.35rem;
    }
    > span {
        font-size: 0.28rem;
        float: left;
        margin-left: 0.05rem;
    }

}


.main-lun {
    height: 2.42rem;
    // background: skyblue;
    position: relative;
    font-size: 0;

    > div {
        height: 2.42rem;
        float: left;
    }

    .main-lun1 {
        width: 1.69rem;
        margin-right: 0.25rem;

        > img {
            width: 1.69rem;
            height: 2.42rem;
        }
    }

    .main-lun2 {
        width: 3.61rem;
        position: absolute;
        top: -0.05rem;
        left: 2rem;

        > img {
            width: 3.61rem;
            height: 2.68rem;
        }
    }

    .main-lun3 {
        width: 1.69rem;
        float: right;

        > img {
            width: 1.69rem;
            height: 2.42rem;
        }
    }

}

main {
    height: 2.8rem;
    width: 6.7rem;
    margin: 0 auto 0.3rem;
    // background: pink;
    padding: 0 0.2rem;

    .main-zt {
        height: 0.8rem;
        // background: orange;

        > span:first-child {
            float: left;
            font-size: 0.3rem;
            margin-top: 0.32rem;
        }
        > span:nth-child(2) {
            float: right;
            font-size: 0.2rem;
            color: #666666;
            margin-top: 0.41rem;
        }
    
    }
    .main-zm {       
        .main-zm-left {
            float: left;
            width: 2.33rem;
            height: 1.61rem;
            padding-top: 0.02rem;

            > img {
                width: 2.33rem;
                height: 1.61rem;
            }
        }

        .main-zm-right {
            width: 4.07rem;
            float: right;

            > span {
                font-size: 0.23rem;
                color: #666666;
            }

            >  div {
                width: 0.87rem;
                height: 0.23rem;
                float: left;
                margin-top: 0.5rem;

                > img {
                    width: 0.24rem;
                    height: 0.23rem;
                    float: left;
                    margin-right: 0.05rem;
                }

                > span {
                    font-size: 0.18rem;
                    color: #666666;
                    float: left;
                }
            }
        }
    }
}

.foot-shua {
    width: 100%;
    height: 0.88rem;
    // background: orange;
    text-align: center;
    overflow: hidden;

    > img {
        padding-top: 0.14rem;
        display: block;
        width: 0.38rem;
        height: 0.38rem;
        margin: 0 auto;
    }
    > span {
        color: #666666;
        font-size: 0.17rem;
        margin-top: 0.1rem;
    }
}

footer{
    width: 100%;
    height: 0.94rem;
    background: #333333;

    > div {
        width: 25%;
        height: 100%;
        float: left;

        > img {
            display: block;
            width: 0.45rem;
            height: 0.45rem;
            margin: 0.16rem auto 0.03rem;
        }

        > span {
            color: #eff4f4;
            font-size: 0.23rem;
            text-align: center;
        }
    }
}

